<template>
    <div>
        <br>
        <el-button text @click="centerDialogVisible = true">
            Click to open the Dialog
        </el-button>

        <el-dialog v-model="centerDialogVisible" title="修改数据" width="30%" align-center>
            <el-input v-model="input" placeholder="输入修改姓名" />
            <el-input v-model="input" placeholder="输入修改年龄" />
            <el-radio-group v-model="input">
                <el-radio label="男"></el-radio>
                <el-radio label="女"></el-radio>
            </el-radio-group>
            <el-input v-model="input" placeholder="输入修改日期" />
            <el-input v-model="input" placeholder="输入修改地址" />
            <!-- <button @click="save">保存</button> -->
            <template #footer>
                <span class="dialog-footer">
                    <el-button @click="centerDialogVisible = false">取消</el-button>
                    <el-button type="primary" @click="centerDialogVisible = false">
                        确定
                    </el-button>
                </span>
            </template>
        </el-dialog>
    </div>
</template>

<script setup>
import { ref } from 'vue'
let input=ref('')
const centerDialogVisible = ref(false)
</script>
<style lang="less" scoped>
.dialog-footer button:first-child {
    margin-right: 10px;
}
</style>